jQuery(function(){

    // 预约服务页面按钮点击效果
    $('.slide').each(function(index) {
        $(this).click(function(event) {
            /* Act on the event */
            $(this).toggleClass('on');
            if($(this).hasClass('on')){
                $(this).next('input[type="hidden"]').val(1);
            }else{
                $(this).next('input[type="hidden"]').val(0);
            }
        });
    });
    // 选项卡效果
    $('.tab-hd a').each(function(index) {
        $(this).click(function(event) {
            /* Act on the event */
            $(this).addClass('on').siblings('a').removeClass('on');
            $('.tab-fd ul').eq(index).show().siblings('ul').hide();
        });
    });
    // 清空文本框内容
    $('.empty').click(function(event) {
        /* Act on the event */
        $(this).next('input[type=text]').val('');
    });
    // 选择地区
    $('.bd9 .province').each(function(index, el) {
        $(this).click(function(event) {
            /* Act on the event */
            $(this).next('.sub-province').slideToggle().siblings('.sub-province').slideUp();
        });
    });
    // 选项卡
    $(".TAB_CLICK li").click(function(){
        var tab=$(this).parent(".TAB_CLICK");
        var con=tab.attr("id");
        var on=tab.find("li").index(this);
        $(this).addClass('on').siblings(tab.find("li")).removeClass('on');
        $(con).eq(on).show().siblings(con).hide();
    });
    // 投诉建议页面效果
    $('.bd24 a').each(function(index, el) {
        $(this).click(function(event) {
            /* Act on the event */
            $(this).addClass('on').siblings().removeClass('on');
            $('.type').val($(this).attr('rel'));
        });
    });
    // 预约详情-衣单效果
    $('.tab-hd a').each(function(index) {
        $(this).click(function(event) {
            /* Act on the event */
            $(this).addClass('on').siblings('a').removeClass('on');
            $('.tab-fd .hm-con').eq(index).show().siblings('.hm-con').hide();
        });
    });
    // 右侧折叠
    $('.hm-con dt').each(function(index, el) {
        $(this).click(function(event) {
        		var tit = $(this).find('a').data('name');
        		var num = $(this).siblings('div').length + 1;
       		var price = $(this).find('a').data('price');
       		if(num>1){ var snum=num; }else{ var snum='1'; }
       		var html = '<div><p class=\"title\"><a href=\"javascript:;\" class=\"par-del\">-</a><span>' + tit + '-' + num + '</span> <input type="hidden" name="name[][name]" value="' + tit + '-' + snum + '" > <input type="hidden" name="name[][price]" value="' + price + '" > </p> <div class=\"cont\"><ul><li class=\"li1\"><a href="javascript:;" class=\"tag tag1 pop-cbtn\">瑕</a><div class=\"info info1\"></div></li><li class=\"li1\"><a href="javascript:;" class=\"tag tag2 pop-cbtn\">附</a href="#"><div class=\"info info2\"></div></li><li class=\"li2\"></li><div class=\"c\"></div><li class=\"li3\"><a href=\"javascript:;\" class=\"pzhaopian hm-inp-1 btn-yellow\">拍照</a></li></ul></div></div>';
        		$(this).next().find('div.yidanbox').append(html);
            /* Act on the event */
            if($(this).children('.check').hasClass('on')){
            		$(this).next().find('div.yidanbox').html('');
                $(this).children('.check').removeClass('on');
                $(this).children('.s2').hide().children('em').html('');
                $(this).next('dd').slideUp();
                $(this).find('input').remove();
                $(this).next().find('div.yidanbox').html('');
            }else{
           	    $(this).children('.s2').show().children('em').html(num * price*0.01);
           	    var inputs='<input class="name" type="hidden" name="data[name][]" value="' + tit + '" > <input class="price" type="hidden" name="data[price][]" value="' + price + '" > <input class="num" type="hidden" name="data[num][]" value="' + num + '" > <input class="to_price" type="hidden" name="data[to_price][]" value="' + num * price + '" > <input class="xiachi" type="hidden" name="data[xiachi][]" value="" /> <input class="fujian" type="hidden" name="data[fujian][]" value="" />';
           	    $(this).children('.s2').after(inputs);
                $(this).children('.check').addClass('on');
                $(this).next('dd').slideDown();
            }
        });
    });

// 删除单张图片
    $('.del').live('click',function(event) {
        /* Act on the event */
        $(this).parent('.pic').remove();
    });

// 添加按钮效果
    $('.hm-add').click(function(event) {
        /* Act on the event */
        var tit = $(this).parent('dd').prev('dt').children('.s1').html();
        //var num = $(this).siblings('div').length + 1;
        var num = $(this).parent('dd').find('div.yidanbox').children().length + 1;
        var price = $(this).parent('dd').prev('dt').find('a').data('price');
        if(num>1){ var snum=num; }else{ var snum='1'; }
        var html = '<div><p class=\"title\"><a href=\"javascript:;\" class=\"par-del\">-</a><span>' + tit + '-' + num + '</span> <input type="hidden" name="name[]" value="' + tit + '-' + snum + '" > <input type="hidden" name="price[]" value="' + price + '" > </p> <div class=\"cont\"><ul><li class=\"li1\"><a href="javascript:;" class=\"tag tag1 pop-cbtn\" >瑕</a><div class=\"info info1\"></div></li><li class=\"li1\"><a href="javascript:;" class=\"tag tag2 pop-cbtn\">附</a href="#"><div class=\"info info2\"></div></li><li class=\"li2\"></li><div class=\"c\"></div><li class=\"li3\"><a href=\"javascript:;\" class=\"pzhaopian hm-inp-1 btn-yellow\">拍照</a></li></ul></div></div>';
        $(this).parent('dd').find('div.yidanbox').append(html);
      	$(this).parent('dd').prev('dt').find('input.to_price').val(num * price);
      	$(this).parent('dd').prev('dt').find('input.num').val(num);
        $(this).parent('dd').prev('dt').children('.s2').show().children('em').html(num * price*0.01);
    });

    // 删除添加按钮点击一次添加的内容
        $('.par-del').live('click',function(event) {
            /* Act on the event */
            var num = $(this).parent('p').parent('div').parent('dd').children('div').length - 1;
            var price = $(this).parent('p').parent('div').parent('dd').prev('dt').children('.price').val();
            $(this).parent('p').parent('div').parent('dd').prev('dt').children('.s2').children('em').html(num * price);
            $(this).parent('p').parent('div').parent('dd').prev('dt').children('.total').val(num * price);
            $(this).parent('p').parent('div').remove();
        });
})